// 放置全局指令
import Vue from 'vue'
import store from '@/store'
const adminPer = '*:*:*'
Vue.directive('auth-dir', {
  // 指令所在标签第一次插入到真实DOM触发回调
  inserted(el, binding) {
    // el：指令所在的标签
    // binding：指令的参数
    // binding.value：指令的值（v-auth-dir后面传入的数据）
    // 获取当前用户所拥有的权限
    const perms = store.state.user.profile.permissions
    // 标签上权限点标记字符串，没有再用户权限列表中出现
    if (perms.includes(adminPer)) {
      // 这是管理员--不要删除所有按钮
    } else if (!perms.includes(binding.value)) {
      // 移除掉默认展示的这个按钮
      el.remove()
    }
  }
})
